<%-- 
    Document   : dangky
    Created on : Dec 2, 2011, 10:48:02 PM
    Author     : HoangLiem
--%>

<%@ page import="net.tanesha.recaptcha.ReCaptcha" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page import="net.tanesha.recaptcha.ReCaptchaFactory" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<link href="style/register.css" rel="stylesheet" type="text/css"/>
<div id="register_body_main">
    <div class="bar">ĐĂNG KÝ THÀNH VIÊN TẠI IBID.VN</div>
    <div style="text-align: left; color: red; margin-left: 25px;" >
        <ul>
            ${ThongBao}
        </ul>
    </div>
    <form id="dkform" name="dkform" action="xuLyDangKy" method="POST">
        <div id="register">
            <div class="subbar">Thông tin chung</div>
            <div class="dk_detail" id="dtTenDangNhap">
                <div class="dkitem"><a class="dausao">* </a>Ký danh :</div>
                <div class="dkitem_textbox">
                    <p>
                        <label for="kydanhtextbox"></label>
                        <input type="text" name="tenDangNhap" id="tenDangNhap" class="dk_textbox" /><a id="loikydanh" name="loikydanh"></a>
                    </p>
                    <p>Vui lòng chọn 1 cái tên dùng để đăng nhập.</p>
                </div>
            </div>
            <div class="horizontal"><hr/></div>
            <div class="dk_detail" id="dtMatKhau">
                <div class="dkitem"><a class="dausao">* </a>Mật khẩu :</div>
                <div class="dkitem_textbox">
                    <p>
                        <label for="lbmatKhau"></label>
                        <input type="password" name="matKhau" id="matKhau" class="dk_textbox" /><a id="loimatkhau" name="loimatkhau"></a>
                    </p>
                </div>
            </div>
            <div class="dk_detail" id="dtNhacLaiMatKhau">
                <div class="dkitem"><a class="dausao">* </a>Nhắc lại mật khẩu :</div>
                <div class="dkitem_textbox">
                    <p>
                        <label for="lbNLMatKhau"></label>
                        <input type="password" name="nhacLaiMatKhau" id="nhacLaiMatKhau" class="dk_textbox" />
                    </p>
                    <p>Xin chọn mật mã cho hồ sơ của bạn. Chú ý : có phân biệt hoa thường.</p>
                </div>
            </div>
            <div class="horizontal"><hr/></div>
            <div class="dk_detail" id="dtTenThanhVien">
                <div class="dkitem">Tên thành viên :</div>
                <div class="dkitem_textbox">
                    <p>
                        <label for="lbTenThanhVien"></label>
                        <input type="text" name="tenThanhVien" id="tenThanhVien" class="dk_textbox" />
                    </p>
                </div>
            </div>
            <div class="dk_detail" id="dtHoThanhVien">
                <div class="dkitem">Họ thành viên :</div>
                <div class="dkitem_textbox">
                    <p>
                        <label for="lbHoThanhVien"></label>
                        <input type="text" name="hoThanhVien" id="hoThanhVien" class="dk_textbox" />
                    </p>
                    <p>Xin vui lòng nhập họ tên của bạn bên trên.</p>
                </div>
            </div>
            <div class="horizontal"><hr/></div>
            <div class="dk_detail" id="dtEmail">
                <div class="dkitem"><a class="dausao">* </a>Địa chỉ Email :</div>
                <div class="dkitem_textbox">
                    <p>
                        <label for="lbEmail"></label>
                        <input type="text" name="email" id="email" class="dk_textbox" /> <a id="loimail"></a>
                    </p>
                    <p>Xin nhập địa chỉ Email bạn đang dùng. <a style="color:#F30">Email phải tồn tại để dùng khi quên mật khẩu.</a></p>
                </div>
            </div>
            <div class="dk_detail" id="dtEmail">
                <div class="dkitem"><a class="dausao">* </a>Nhắc lại địa chỉ Email :</div>
                <div class="dkitem_textbox">
                    <p>
                        <label for="lbReEmail"></label>
                        <input type="text" name="reEmail" id="reEmail" class="dk_textbox" />
                    </p>
                </div>
            </div>
            <div class="horizontal"><hr/></div>
            <div class="dk_detail" id="dtEmail">
                <div class="dkitem">Điện thoại :</div>
                <div class="dkitem_textbox">
                    <p>
                        <label for="lbDienThoai"></label>
                        <input type="text" name="dienThoai" id="dienThoai" class="dk_textbox" />
                    </p>
                </div>
            </div>
            <div class="subbar">Thông tin bổ sung</div>
            <div class="dk_detail" id="dtNgaySinh">
                <div class="dkitem">Ngày sinh:</div>
                <div class="dkitem_textbox">
                    <div class="ngaySinhItem">
                        <p>Tháng:</p>
                        <p>
                            <select name="thang" id="thang" style="width: 80px;">
                                <c:forEach items="${dsThang}" var="m" varStatus="dsThang" begin="0" end="${dsThang.size()}" step="1"> 
                                    <option value="${m}">Tháng ${m}</option>
                                </c:forEach>
                            </select>
                        </p>
                    </div>
                    <div class="ngaySinhItem">
                        <p>Ngày:</p>
                        <p>
                            <select name="ngay" id="ngay" style="width: 50px;">
                                <c:forEach items="${dsNgay}" var="d" varStatus="dsNgay" begin="0" end="${dsNgay.size()}" step="1"> 
                                    <option value="${d}">${d}</option>
                                </c:forEach>
                            </select>
                        </p>
                    </div>
                    <div class="ngaySinhItem">
                        <p>Năm:</p>
                        <p>
                            <select name="nam" id="nam" style="width: 80px;">
                                <c:forEach items="${dsNam}" var="y" varStatus="dsNam" begin="0" end="${dsNam.size()}" step="1"> 
                                    <option value="${y}">${y}</option>
                                </c:forEach>
                            </select>
                        </p>
                    </div>
                </div>
            </div>
            <div class="subbar">Xác nhận đăng ký</div>
            <div class="dk_detail" id="dtXacNhanDangKy">
                <center>Vui lòng gõ đúng chữ bạn nhìn thấy trong khung dưới</center>
                <center>
                    <%
                        ReCaptcha c = ReCaptchaFactory.newReCaptcha("6LdLl8gSAAAAADOJ1ZSv1CX_hyLYvndYrd7QT_Pd", "6LdLl8gSAAAAAG5hc-V1YVietaHA6TeaX9fJAssW", false);
                        out.print(c.createRecaptchaHtml(null, null));
                    %>
                </center>
            </div>
            <div class="subbar">Hoàn tất đăng ký</div>
            <div class="dk_detail" id="dtHoanTatDangKy">
                <input type="submit" name="dangKy" id="dangKy" value="Ghi Danh Hoàn Tất" onclick="return kiemtradangky();" />
                <input type="submit" name="huyBoDangKy" id="huyBoDangKy" value="Hủy Bỏ Tất Cả" onclick="xulysubmit('dkform', 'index.jsp');" />
            </div>
        </div>
    </form>
</div>
